view{	
		
		// display: flex;
		// flex-wrap: wrap;
		
	}
page{background: #FBE3B6;}
//new
// 背景
.bg-img-box{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
// 推广图片大小

.rules-box{
	position: absolute;
	right: 0;
	top: 30rpx;
	background-color: #FB712A;
	color: #FFFFFF;
	width: 120rpx;
	height: 50rpx;
	font-size: 24rpx;
	border-radius: 30rpx 0 0 30rpx;
	text-align: center;
	line-height: 50rpx;
}
// 推广统计框
.statistics-number-box{
	// width: 100%;
	padding: 30rpx;
	
	.boxin{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 10rpx;
		box-shadow: 0px 4rpx 16rpx rgba(0,0,0,0.2);
		background-color: #FFFFFF;
		margin-top: 170rpx;
	}
	.mod{
		width: 100%;
		padding: 30rpx 0;
		.tit{
			text-align: center;
			font-size: 28rpx;
			color: #888888;
		}
		.num{
			font-size: 36rpx;
			color: #FE9B69;
			text-align: center;
		}
	}
}
// 记录列表开始
.record-list-box{
	position: relative;
	// width: 100%;
	padding: 0 10rpx;
	.record-bg-box{
		width: 100%;
	}
	.record-list{
		position: absolute;
		left: 30rpx;
		top: 0;
		width: 690rpx;
		height: 820rpx;
		// 头
		.header-box{
			// width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;
			border-bottom: 2rpx solid #f7f7f7;
			.tit{
				padding: 30rpx 0 14rpx 0;
				text-align: center;
				font-size: 28rpx;
				width: 100%;
				position: relative;
				.bom-line{
					height: 4rpx;
					width: 40rpx;
					position: absolute;
					left: 50%;
					bottom: 0;
					margin-left: -20rpx;
				}
				
			}
		}
		// 身
		.list-box{
			width: 100%;
			height: 440rpx;
			overflow-y: auto;
			.no-list{
				padding: 100rpx;
			}
			.row{
				padding: 30rpx;
				padding-bottom: 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				
				.left{
					font-size: 24rpx;
				}
				.right{
					font-size: 24rpx;
					text{
						color: #FE9B69;
					}
				}
			}
		}
	}
}
// 更多邀请记录按钮
.more-btn-box{
	width: 100%;
	padding: 30rpx 0;
	.more-btn{
		text-align: center;
		font-size: 24rpx;
	}
}
// 邀请好友按钮
.invitation-btn-box{
	position: absolute;
	bottom: 24rpx;
	left: 50%;
	margin-left: -220rpx;
	.invitation-btn{
	width: 440rpx;
	max-height: 100rpx;
	}
}
// 记录列表结束
// 规则框
.rules-pop{
	.rules-pop-box{
		padding: 30rpx;
		background-color: #fff;
		border-radius: 16rpx;
		width:600rpx;
		.tit{
			text-align: center;
			font-size: 32rpx;
			color: #FE9B69;
		}
		.text{
			text-align: center;
			font-size: 28rpx;
		}
	}
}
	// 推广名片	  
	.hideCanvasView {
			position: relative;
		}
	
		.hideCanvas {
			position: fixed;
			top: -99999upx;
			left: -99999upx;
			z-index: -99999;
		}
	
		.flex_row_c_c {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
	
		.modalView {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			opacity: 0;
			outline: 0;
			transform: scale(1.2);
			perspective: 2500upx;
			background: rgba(0, 0, 0, 0.6);
			transition: all .3s ease-in-out;
			pointer-events: none;
			backface-visibility: hidden;
			z-index: 999;
		}
	
		.modalView.show {
			opacity: 1;
			transform: scale(1);
			pointer-events: auto;
		}
	
		.flex_column {
			display: flex;
			flex-direction: column;
		}
	
		.backgroundColor-white {
			background-color: white;
		}
	
		.border_radius_10px {
			border-radius: 10px;
		}
	
		.padding1vh {
			padding: 1vh;
		}
	
		.posterImage {
			width: 650upx;
		}
	
		.flex_row {
			display: flex;
			flex-direction: row;
		}
	
		.marginTop2vh {
			margin-top: 2vh;
		}